<template>
    <div>
           <van-nav-bar
  title="结算"
  left-text="返回"
  left-arrow
  @click-left="()=>{$router.push('/dzlb')}"
/>

     <van-contact-card type="edit" name="请选择收货地址" tel="13000000000" @click="onEdit"  />
        <van-cell title="店铺名称"   style="margin-top: 20px;"/>
        <van-card  price="￥20.10× 3" desc="白色的" title="华为Mate60Pro"
            thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" />
        <van-cell-group inset style="margin-top: 30px;">
            <van-cell title="优惠券" value="无可用优惠券" />
            <van-cell title="店铺优惠" value="无" />
        </van-cell-group>
        <van-cell-group inset style="margin-top: 30px;">
            <van-cell title="商品金额" value="￥60.300000000000004" />
            <van-cell title="优惠金额" value="0" />
            <van-cell title="运费" value="免运费" />
              <van-field v-model="value" label="备注" placeholder="请输入备注" />
        </van-cell-group>

        <van-submit-bar :price="6000" button-text="提交订单" @submit="onSubmit" />

    </div>
</template>

<script setup>
import { ref } from 'vue';

import { useRouter } from 'vue-router';
const router=useRouter()
const onEdit = () =>{
        //  showToast('edit');
router.push('/dzlb')
        }
const onSubmit = () => {
router.push('/dd')
    // showToast('点击按钮');
    }
</script>

<style lang="scss" scoped></style>